<template>
  <div>
      <h1>v-else和v-else-if</h1>
      <div v-if="isLogin">
        <p>欢迎你</p>
        <p>尊敬的v10用户</p>
        <p><button @click="isLogin=false">退出</button></p>
      </div>
      <div v-else>
       <p>先<button @click="isLogin=true">登录</button></p>
       <p><a href="">免费注册</a></p>
      </div>
      <div v-if="age<=12">看</div>
      <div v-else-if="age<=18">出</div>
      <div v-else>奥力给</div>
  </div>
</template>

<script>
export default {
data() {
    return {
      isLogin:true,
      age:8
    }
}
}
</script>

<style>

</style>